import React from 'react'
import '../css/Footer.css'
import { Tabbar } from 'react-vant';
import {WapHome,Friends,Chat,Invitation} from '@react-vant/icons'

export default function Footer() {
    return (
        <div className='F_main'>
            <Tabbar activeColor='black' inactiveColor='gray'>
                <Tabbar.Item icon={<WapHome fontSize='25px'/>}></Tabbar.Item>
                <Tabbar.Item icon={<Invitation fontSize='25px'/>}></Tabbar.Item>
                <Tabbar.Item icon={<Chat fontSize='25px'/>}></Tabbar.Item>
                <Tabbar.Item icon={<Friends fontSize='25px'/>}></Tabbar.Item>
            </Tabbar>
        </div>
    )
}
